<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->
<div ng-controller="ApproveEquipmentLineItemController">
  <div class="rnr-table regimen-table" tab-scroll bottom-offset="180">
    <table id="regimenTable" fixed-table-header class="table table-bordered">
      <thead>
      <tr>
        <th class="col-1" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.code"></span>
          </div>
        </th>
        <th class="col-3" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.equipment.name"></span>
          </div>
        </th>
        <th class="col-1" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.model"></span>
          </div>
        </th>
        <th class="col-1" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.serial"></span>
          </div>
        </th>
        <th class="col-1" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.status"></span>
          </div>
        </th>
        <th class="col-1" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.test.count"></span>
          </div>
        </th>
        <th class="col-1" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.total.count"></span>
          </div>
        </th>
        <th class="col-1" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.days.out.of.use"></span>
          </div>
        </th>
        <th class="col-3" >
          <div class="regimen-heading">
            <span openlmis-message="rnr.equipment.remarks"></span>
          </div>
        </th>
      </tr>
      </thead>
      <tbody ng-repeat="equipmentLineItem in page.equipment">
      <tr ng-show="showCategory($index)">
        <td class="productCategory" colspan="9" ng-show="showCategory($index)"
            ng-bind="equipmentLineItem.equipmentCategory"></td>
      </tr>
      <tr>
        <td class="cell-input">
          <span ng-bind="equipmentLineItem.equipmentName" class="cell-text"></span>
        </td>
        <td class="cell-input">
          <span ng-bind="equipmentLineItem.equipmentName" class="cell-text"></span>
        </td>
        <td class="cell-input">
          <span ng-bind="equipmentLineItem.equipmentModel" class="cell-text"></span>
        </td>
        <td class="cell-input">
          <span ng-bind="equipmentLineItem.equipmentSerial" class="cell-text"></span>
        </td>
        <td class="cell-input">
          <select ng-disabled="true" class="cell-text" ng-model="equipmentLineItem.operationalStatusId">
            <option  ng-repeat="status in equipmentOperationalStatus" value="{{status.id}}" ng-selected="equipmentLineItem.operationalStatusId === status.id">{{status.name}}</option>
          </select>
        </td>
        <td class="cell-input">
          <span class="cell-text number text-right" type="text" ng-bind="equipmentLineItem.testCount"></span>
        </td>
        <td class="cell-input">
          <span class="cell-text number text-right"  type="text" ng-bind="equipmentLineItem.totalCount"></span>
        </td>
        <td class="cell-input">
          <span class="cell-text number text-right" type="text" ng-bind="equipmentLineItem.daysOutOfUse"></span>
        </td>
        <td class="cell-input">
          <input class="cell-text" type="text" ng-model="equipmentLineItem.remarks" >
        </td>
      </tr>
      </tbody>
    </table>
  </div>

</div>